<!doctype html>
<html lang="en">
	<head>
		<!--  meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<style>
			div{
				width: 33%;
				display: inline-block;
			}
		</style>
	</head>
	<body>
		<div class="p-3 mb-2 bg-primary text-white">bg-primary text-white</div>
		<div class="p-3 mb-2 bg-secondary text-white">bg-secondary text-white</div>
		<div class="p-3 mb-2 bg-success text-white">bg-success text-white</div>
		<div class="p-3 mb-2 bg-danger text-white">bg-danger text-white</div>
		<div class="p-3 mb-2 bg-warning text-white">bg-warning text-white</div>
		<div class="p-3 mb-2 bg-info text-white">bg-info text-white</div>
		<div class="p-3 mb-2 bg-info text-white">bg-info text-white</div>
		<div class="p-3 mb-2 bg-dark text-light">bg-dark text-light</div>
		<div class="p-3 mb-2 bg-white text-primary">bg-white text-primary</div>
		<div class="p-3 mb-2 bg-white text-secondary">bg-white text-secondary</div>
		<div class="p-3 mb-2 bg-white text-success">bg-white text-success</div>
		<div class="p-3 mb-2 bg-white text-danger">bg-white text-danger</div>
		<div class="p-3 mb-2 bg-white text-warning">bg-white text-warning</div>
		<div class="p-3 mb-2 bg-white text-info">bg-white text-info</div>
		<div class="p-3 mb-2 bg-transparent text-black-50">bg-transparent text-black-50</div>
	</body>
</html>
